<script type="text/javascript">
    $(document).ready(function() {
        $("#cliente").autocomplete("ajax/getTodosLosClientes.php", {
		width: 560,
		matchContains: true,
		//mustMatch: true,
		//minChars: 3,
		//multiple: true,
		//highlight: false,
		//multipleSeparator: ",",
		selectFirst: false
	});
    
        $("#idPedido").focus();
        getClientesCombo();
        getMonedasCombo();
    });
    
    function getClientesCombo() {
        var parametros = {
            "accion" :  "getClientesCombo"
        };
        $.ajax({
            data:   parametros,
            url:    'controladores/clienteControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#clCombo").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function(respuesta) {
                $("#clCombo").html(respuesta);
            }
        });
    }
    
    function getMonedasCombo() {
        var parametros = {
            "accion" :  "getMonedasCombo"
        };
        $.ajax({
            data:   parametros,
            url:    'controladores/monedaControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#monCombo").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function(respuesta) {
                $("#monCombo").html(respuesta);
            }
        });
    }
    
    $("#crearPedido").click(function() {
        var parametros = {
            "accion" :  "crearPedido",
            "idPedido" :    $("#idPedido").val(),
            "cliente" :   $("#cliente").val(),
            "ordenDeCompra" :   $("#ordenDeCompra").val(),
            "idMoneda" :    $("#monedasCombo").val()
        };
        
        $.ajax({
            data:   parametros,
            url:    'controladores/pedidoControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#contenedor-izquierda").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
                $("#resultadoCliente").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function(respuesta) {
                $("#contenedor-izquierda").html(respuesta);
            }
        });
    });
</script>
<p>
    <label>N&uacute;mero de pedido:</label>
    <input type="text" name="idPedido" id="idPedido" maxlength="11" style="float: left;" />
</p>
<p style="clear: both;">
    <label>Cliente:</label>
<input style="float: left;" type="text" name="cliente" id="cliente" maxlength="100" /> <div id="resultadoCliente"></div>
</p>
<p style="clear: both;">
    <label>Orden de compra:</label>
    <input type="text" name="ordenDeCompra" id="ordenDeCompra" maxlength="100" />
</p>
<p style="clear: both;">
    <label>Moneda:</label>
    <div id="monCombo"></div>
</p>
<p style="clear: both;">
    <input type="button" class="btn btn-success" id="crearPedido" value="Agregar" />
</p>